@import "../../_common/style/animations/rotate";
@import "../../_common/style/mixins/var";
@mixin vmui-scroll-section {
  .vmui-scroll-section {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    .vmui-loadmore-top {
      line-height: pxRem(40);
      height: pxRem(40);
      margin-top: pxRem(-40);
      text-align: center;
      color: #666;
      font-size: pxRem(22);
      .arrow {
        transition: .1s linear;
      }
      .vmui-loading-icon {
        animation: rotate 1.2s linear infinite;
      }
      .desc {
        font-size: pxRem(16);
      }
    }
    .vmui-loadmore-bottom {
      color: #666;
      .vmui-loading-box {
        line-height: pxRem(40);
        height: pxRem(40);
        .vmui-loading-icon {
          font-size: pxRem(18);
          display: inline-block;
          animation: rotate 1.2s linear infinite;
        }
        span {
          font-size: pxRem(14);
          position: relative;
          top: pxRem(-1);
        }
      }
      .vmui-loading-finish-box {
        line-height: pxRem(40);
        height: pxRem(40);
        font-size: pxRem(13);
      }
    }
  }
}
